<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>MiniWebSvr 测试页面</title>
    <style>
        body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; }
        .section { margin: 30px 0; padding: 20px; border: 1px solid #ddd; border-radius: 5px; }
        h2 { color: #333; }
        form { margin: 15px 0; padding: 15px; background: #f5f5f5; border-radius: 4px; }
        input, button { margin: 5px; padding: 8px; }
        a { color: #0066cc; text-decoration: none; }
        a:hover { text-decoration: underline; }
    </style>
</head>
<body>
<h1>MiniWebSvr 功能测试</h1>

<!-- 测试静态文件访问 -->
<div class="section">
    <h2>1. 静态文件访问测试</h2>
    <p>当前页面本身就是静态文件访问测试 (index.html)</p>
</div>

<!-- 测试/time接口 -->
<div class="section">
    <h2>2. 时间接口测试</h2>
    <p>点击访问: <a href="/time" target="_blank">/time</a></p>
    <p>功能: 调用TimeHandler获取服务器当前时间</p>
</div>

<!-- 测试/echo接口 (GET方法) -->
<div class="section">
    <h2>3. Echo接口测试 (GET方法)</h2>
    <form action="/echo" method="get">
        <p>输入参数测试GET提交:</p>
        <input type="text" name="username" placeholder="用户名" value="testuser">
        <input type="text" name="age" placeholder="年龄" value="20">
        <button type="submit">提交GET请求</button>
    </form>
    <p>功能: 提交参数后，EchoHandler会回显所有GET参数</p>
</div>

<!-- 测试/echo接口 (POST方法) -->
<div class="section">
    <h2>4. Echo接口测试 (POST方法)</h2>
    <form action="/echo" method="post">
        <p>输入参数测试POST提交:</p>
        <input type="text" name="email" placeholder="邮箱" value="test@example.com">
        <input type="text" name="message" placeholder="消息" value="Hello MiniWebSvr">
        <button type="submit">提交POST请求</button>
    </form>
    <p>功能: 提交参数后，EchoHandler会回显所有POST参数</p>
</div>

<!-- 测试404页面 -->
<div class="section">
    <h2>5. 404错误测试</h2>
    <p>点击访问不存在的路径: <a href="/nonexistentpath" target="_blank">/nonexistentpath</a></p>
    <p>功能: 测试服务器对不存在资源的404响应</p>
</div>
</body>
</html>